
import React, { memo } from 'react';
import cs from 'classnames';
import { getSizeImage } from '@/utils/format-utils';
import sty from './sty.module.css';

const ItemArtist = (props) => {
  const { info, index } = props;
  return (<div className={sty.itemWrapper}>
    {
      index < 10 && <div className={sty.image} >
        <img src={getSizeImage(info.img1v1Url, 130)} alt="" />
      </div>
    }
    <div className={sty.info}>
      <div className={sty.name}>{info.name}</div>
      <i className={cs(sty.icon, 'sprite_icon2')}></i>
    </div>
  </div>)
}
export default memo(ItemArtist)